:root {
  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-weight: 400;

  color-scheme: light dark;

  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* 滚动条宽度 */
@scrollbar-width: 10px;
/* 滚动条轨道背景颜色 */
@track-color: #ffffff;
/* 滑块颜色 */
@thumb-color: #d4d4d4;
/* 滑块悬停颜色 */
@thumb-hover-color: #b4b2b2;


html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}

@font-face {
  font-family: 'jiangxi2';
  src: url('@/assets/ttf/jiangxi2.ttf') format('truetype');
}

@font-face {
  font-family: 'chunfeng';
  src: url('@/assets/ttf/chunfeng.ttf') format('truetype');
}

@font-face {
  font-family: 'linhai';
  src: url('@/assets/ttf/linhai.ttf') format('truetype');
}

a {
  font-weight: 500;
  color: #9da2f1;
  text-decoration: none;
}

a:hover {
  color: #454cdf;
}



/* 修改进度条颜色 */
#nprogress .bar {
  background: #5976ba !important; /* Vue主题色 */
  height: 2px !important;
}
/* 修改加载图标颜色 */
#nprogress .spinner-icon {
  border-top-color: #5976ba !important;
  border-left-color: #5976ba !important;
}



/* 整个滚动条 */
::-webkit-scrollbar {
  /* 垂直滚动条宽度 */
  width: @scrollbar-width;
  /* 水平滚动条高度 */
  height: @scrollbar-width;
}


/* 滚动条轨道（背景） */
::-webkit-scrollbar-track {
  background: @track-color;
  border-radius: 6px;
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  background: @thumb-color;
  border-radius: 6px;
  /* 用边框制造间隔效果 */
  border: 1px solid @thumb-color;
}

/* 滑块悬停状态 */
::-webkit-scrollbar-thumb:hover {
  background: @thumb-hover-color;
}

/* 滚动条按钮（上下箭头）*/
::-webkit-scrollbar-button {
  /* 隐藏默认箭头 */
  display: none;
}
